<template>
    <div class="setting-layout">
        <el-row style="padding: 10px;">
            <el-col :span="2">
                <RouterLink :to="{ name: 'UserDetail' }">
                    用户信息
                </RouterLink>
            </el-col>
            <el-divider direction="vertical" />
            <el-col :span="2">
                <RouterLink :to="{ name: 'UpdatePassword' }">
                    修改密码
                </RouterLink>
            </el-col>
            <el-divider direction="vertical" />
            <el-col :span="2">
                <RouterLink :to="{ name: 'Campus' }">
                    校园认证
                </RouterLink>
            </el-col>
        </el-row>
        <RouterView></RouterView>
    </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import { useRouter } from 'vue-router';

const router = useRouter()

onMounted(() => {
    router.push({ name: 'UserDetail' })
})

</script>

<style scoped lang="scss">
.setting-layout {
    background-color: #fff;
    padding: 10px;
}

a {
    text-decoration: none;
    color: #4f4a4a;
}

.el-col {
  height: 20px;
  text-align: center;
  line-height: 20px;
}

a:focus {
    color: #000;
    font-weight: bold;
}
</style>